
export const imagerror = {
  // 指令对象会在dom 元素插入到节点之后执行
  inserted(dom, options) {
    // dom 表现当前指令作用的 dom对象
    // option 指令中变量的解释 有一个值value
    // 当图片有地址 但是地址没有加载成功的时候 会报错 会触发图片的一个事件 => onerror
    //   图片异常的逻辑
    //  监听img标签的错误事件  因为图片加载失败 会触发  onerror事件
    dom.src = dom.src || options.value // 初始化的时候 如果有值 则需要进行默认值赋值

    dom.onerror = function() {
      // 图片失败  赋值一个默认的图片
      dom.src = options.value
    }
  },
  // 该钩子函数会在当前指令作用的组件 更新数据完毕之后执行
  // inserted 只会执行一次 组件初始化 一旦更新就会再进入 inserted函数 会进去 componentUpdated
  componentUpdated(dom, options) {
    dom.src = dom.src || options.value
  }
}
